*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
/*头部部分*/
#header{
    height: 1.33rem /* 50/37.5 */;
    background: #ff841d;
    padding: .13rem /* 5/37.5 */;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .headerLogo a img{
    height: .67rem /* 25/37.5 *//* 60/37.5 */;
    margin: {
        left: .8rem /* 30/37.5 */;
        top: .27rem /* 10/37.5 */;
    }
    }
    .headerApp a img{
    width: 1.07rem /* 40/37.5 */;
    margin: {
        right: .27rem /* 10/37.5 */;
        top: .27rem /* 10/37.5 */;
    }
    }
}
/*搜索部分*/
#search{
    border-bottom:1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .searchBox{
        padding: .27rem /* 10/37.5 */;
        input{
            height: .53rem /* 20/37.5 */;
            background: #f1f1f1;
            margin-left:10px;
            border-radius: .4rem /* 15/37.5 */;
            width:6.67rem /* 250/37.5 */;
            border: none;
            font: .4rem /* 15/37.5 *//.53rem /* 20/37.5 */ "宋体";
            padding: {
                left: .53rem /* 20/37.5 */;
                top:5px;
                bottom: 5px;
            }
    }
}
    .searchBtn button{
        width: 1.68rem /* 63/37.5 */;
        height: .8rem /* 30/37.5 */;
        background: #ff841d;
        border-radius: .4rem /* 15/37.5 */;
        margin-right: .27rem /* 10/37.5 */;
        border: none;
        color: #fff;
        font:.4rem /* 15/37.5 *//.53rem /* 20/37.5 */ "宋体";
    }
}
/*返回栏*/
#returnTitle{
    padding-left: .13rem /* 5/37.5 */;
    width: 100%;
    border: {
        top:1px solid #ccc;
        bottom:1px solid #ccc ;
    }
    overflow: hidden;
    background-image: linear-gradient(to bottom, #fff, #ccc);
    margin-bottom: .27rem /* 10/37.5 */;
    a{
        float: left;
        cursor: pointer;
        display: block;
        line-height: .93rem /* 35/37.5 */;
        height: .93rem /* 35/37.5 */;
        font-size: .37rem /* 14/37.5 */;
        color: grey;
    }

}
/*品牌标题*/
#brandTltle{
    padding-left: .13rem /* 5/37.5 */;
    width: 100%;
    border: {
        top:1px solid #cccccc;
        bottom: 1px solid #cccccc;
    }
    background-color: #f4f4f4;
    margin-bottom: .27rem /* 10/37.5 */;
    p{
        font: .37rem /* 14/37.5 *// 1.01rem /* 38/37.5 */ "";
        height: .8rem /* 30/37.5 */;
        margin: 0  0 .27rem /* 10/37.5 */;
    }
}

/*商品列表部分*/
#brandList{
    background:#F4F4F4 ;
    margin-bottom: .53rem /* 20/37.5 */;
    .brandListLi{
        border:1px solid #ccc;
        border-radius: .11rem /* 4/37.5 */;
        .smallBrandListTitle{
            display: flex;
            justify-content: space-between;
            font:.4rem /* 15/37.5 *//.8rem /* 30/37.5 */ "";
            padding: .13rem /* 5/37.5 */ .4rem /* 15/37.5 */;
        }
        .smallBrandList {
            display: none;
            ol{
                background: #fff;
                width: 100%;
                li{
                    text-align: center;
                    // height: 2rem /* 75/37.5 */;
                    line-height: 1.07rem /* 40/37.5 */;
                    border: .03rem /* 1/37.5 */ solid #ccc;
                    padding-left: .4rem /* 15/37.5 */;
                    a{
                        font-size: .48rem /* 18/37.5 */;
                        color: black;
                        text-align: left;
                        display: block;
                        width: 100%;
                        height: 100%;
                        div {
                            padding-top: .27rem /* 10/37.5 */;
                            span{
                                width: .53rem /* 20/37.5 */;
                                height: .53rem /* 20/37.5 */;
                                background:grey;
                                text-align: center;
                                font: .35rem /* 13/37.5 *// .53rem /* 20/37.5 */ "";
                                padding: .13rem /* 5/37.5 */ .27rem /* 10/37.5 */;
                                color:#fff;
                            }
                        }
                        p{
                            font-size: 10px;
                            line-height: .27rem /* 10/37.5 */;
                            margin-top: .4rem /* 15/37.5 */;
                            margin-bottom: .13rem /* 5/37.5 */;
                            color: grey;
                        }
                    }
                }
            }
        }
        
    }
}


/*更多优惠信息*/
#moreMessage{
    background:#F4F4F4;
    height: 1.33rem /* 50/37.5 */;
    padding: .27rem /* 10/37.5 */;
    a{
        display: block;
        font: .35rem /* 13/37.5 *//.8rem /* 30/37.5 */ "";
        text-align: center;
        border-radius: .13rem /* 5/37.5 */;
        border: 1px solid #ddd;
        background: #F9F9F9;
        color: grey;
        margin:.27rem /* 10/37.5 */ 0;
    }
}
/*底部*/
#footer{
    .footerTop{
    background-color:#ff9000;
    height: .93rem /* 35/37.5 */;
    padding-left: .27rem /* 10/37.5 */;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .27rem /* 10/37.5 */;
    span{
        text-align: center;
        font-size: .53rem /* 20/37.5 */;
        line-height:.93rem /* 35/37.5 */;
        color: #fff;
        font-weight: bolder;
    }
    a img{
        height: .53rem /* 20/37.5 */;
        padding : {
            right: .27rem /* 10/37.5 */;
        }
}   
    }
    
    .footerBottom{
    .footerBottomT{
        display: flex;
        justify-content: space-between;
        a{
            border: 1px solid grey;
            text-align: center;
            height: .88rem /* 33/37.5 */;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .13rem /* 5/37.5 */;
        }
        >a:nth-of-type(1){
            flex-grow: 1;
            border-right: none;
        }
        >a:nth-of-type(2){
            flex-grow: 1;
        }
        >a:nth-of-type(3){
            flex-grow: 1;
            border-left: none;
        }
    }
    .footerBottomB{
        height: 2.67rem /* 100/37.5 */;
        .footerBottomB-1{
            display: flex;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .27rem /* 10/37.5 */ 1.33rem /* 50/37.5 */;
            a{
                color: grey;  
                margin-right: .13rem /* 5/37.5 */;
            }
        }
        .footerBottomB-2{
            text-align: center;
            font: .37rem /* 14/37.5 *// .37rem /* 14/37.5 */ "";
            color: black;
        }
    }   
}
}